<html>
<head>
    <title>成果展示</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="keywords" content="" />
    <link href="css/wbpc.css" rel="stylesheet" type="text/css" />
    <link href="css/jqModal.css" rel="stylesheet" type="text/css" />
    <link href="css/animate.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.8.2.js" type="text/javascript"></script>
    <script src="js/layer/layer.js"></script>
    <script src="js/avalon1.47.js" type="text/javascript"></script>
    <script src="js/unitpngfix.js" type="text/javascript"></script>
    <script src="js/wbpc.js?v=3" type="text/javascript"></script>
    <script src="js/jqModal.js" type="text/javascript"></script>


    <script>
        var model = avalon.define({
            $id: "Index",
            BZCXData: [],
            YXQCCGData: [],
            stop: function () {
                music = document.getElementById("bgmusic");
                $("#audio_btn").toggleClass("rotate"); //控制音乐图标 自转或暂停
                music.pause();
            }
        })
        avalon.ready(function () {
            $("#ullist").height(window.screen.height - 300);

            //优秀QC成果和班组创新成果
            $.getJSON('/API/VIEWAPI.ashx?Action=Commanage_GETBZQCLIST', { P1: 6 }, function (resultData) {
                if (resultData.ErrorMsg == "" && resultData.Result) {
                    model.BZCXData = resultData.Result;
                    model.YXQCCGData = resultData.Result1;
                    console.debug(resultData.Result)
                    console.debug(resultData.Result1)

                }
            })

            $("#audio_btn").click(function () {
                music = document.getElementById("bgmusic");
                $(this).toggleClass("rotate"); //控制音乐图标 自转或暂停
                if (music.paused) {
                    music.play();
                } else {
                    music.pause();
                }
            });
        })
    </script>
    <style>
        .tabactive {
            background-position: 0px 0px;
        }

        .tabactive1 {
            background-position: 0px -20px;
        }

        .corps_name {
            text-align: left !important;
            font-size: 16px !important;
        }

        .corps_item {
            height: 280px;
        }

            .corps_item img {
                height: 170px;
            }


        #audio_btn {
            width: 60px;
            height: 60px;
            background-image: url(images/yy.png);
            background-size: contain;
            position:absolute;
            top:50px;
            right:50px;
        }

        .rotate {
            -webkit-animation: rotating 1.6s linear infinite;
            -moz-animation: rotating 1.6s linear infinite;
            -o-animation: rotating 1.6s linear infinite;
            animation: rotating 1.6s linear infinite;
        }

        @-webkit-keyframes rotating {
            from {
                -webkit-transform: rotate(0);
            }

            to {
                -webkit-transform: rotate(360deg);
            }
        }

        @keyframes rotating {
            from {
                transform: rotate(0);
            }

            to {
                transform: rotate(360deg);
            }
        }

        @-moz-keyframes rotating {
            from {
                -moz-transform: rotate(0);
            }

            to {
                -moz-transform: rotate(360deg);
            }
        }
    </style>
</head>
<!--oncontextmenu="return false"-->
<body style='font: bold 12px/1.5em "Microsoft YaHei";' ms-controller="Index">
    <div id="cover_home" class="cover_home"></div>
    <a href="javascript:void(0)" class="cover_left_arrow cover_arrow">
        <div style="width: 100%; height: 100%;"></div>
    </a>
    <a href="javascript:void(0)" class="cover_right_arrow cover_arrow">
        <div style="width: 100%; height: 100%;"></div>
    </a>
    <div class="cover_nav font" style="height: 80px">
        <div goto="cover_home" style="width: 33%; float: left; font-size: 26px;" class="cur">首页</div>
        <div goto="fzjs" style="width: 33%; float: left; font-size: 26px;">班组创新</div>
        <div goto="qyzs" style="width: 33%; float: left; font-size: 26px;">优秀QC成果</div>
    </div>
    <ul class="categories" style="overflow-x: auto;" id="ullist">
        <li id="fzjs" class="categories_li animated    fadeIn   ">
            <div ms-repeat-item="BZCXData">

                <div title="班组创新" class="bgblue cate_title" style="float: left; width: 300PX;">
                    <div style="margin-left: 100px; font-size: 38px; line-height: 73px;">{{item.CGYEAY}}</div>
                </div>
                <ul class="corps font corpsp0" style="width: 96%">

                    <li ms-repeat-el="item.BZCGList" color="bgorange" class="corps_item" ms-attr-id="{{el.ID}}">
                        <img ms-attr-alt="{{el.Name}}" style="width: 250px" ms-attr-src="/View/Comon/DownLoadFile.aspx?FileID={{(el.Files1 ? el.Files1.split(',')[0] : '0') }}" onerror="javascript:this.src='/app/images/1.png'" />
                        <p class="corps_name">{{el.Name}}</p>
                        <p class="corps_name">完成班组：{{el.FinishGroup}}</p>
                    </li>
                    <li ms-if="item.BZCGList.size()==0" style="margin-bottom: 20px; color: darkblue;">暂无数据</li>

                </ul>
            </div>




        </li>
        <li id="qyzs" class="categories_li animated    fadeIn   ">
            <div ms-repeat-item="YXQCCGData">

                <div title="优秀QC成果" class="bgblue cate_title" style="float: left; width: 300PX;">
                    <div style="margin-left: 100px; font-size: 38px; line-height: 73px;">{{item.CGYEAY}}</div>
                </div>
                <ul class="corps font corpsp0" style="width: 96%">

                    <li ms-repeat-el="item.QCCGList" color="bgorange" class="corps_item" ms-attr-id="{{el.ID}}">
                        <img ms-attr-alt="{{el.Name}}" style="width: 250px" ms-attr-src="/View/Comon/DownLoadFile.aspx?FileID={{(el.Files1 ? el.Files1.split(',')[0] : '0') }}" onerror="javascript:this.src='/app/images/1.png'" />
                        <p class="corps_name">{{el.Name}}</p>
                        <p class="corps_name">完成班组：{{el.FinishGroup}}</p>
                    </li>
                    <li ms-if="item.QCCGList.size()==0" style="margin-bottom: 20px; color: darkblue;">暂无数据</li>
                </ul>
            </div>




        </li>

    </ul>

    <div id="tec_support" class="font" style="position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; font-size: 16px;">技术支持：郑州学府电子</div>
    <div id="jqmWindow" style="width: 100%; height: 100%; display: none; position: fixed; top: 0px" class="animated    fadeIn ">

        <div class="wb_main font">

            <a id="jqmClose" class="wb_x jqmClose" href="javascript:void(0)" style="right: 100px;"></a>

            <div style="clear: both"></div>
            <div id="wb_ctn" class="wb_ctn" style="height: 90%">
                <iframe id="myframe" name="ctnframe" width="100%" height="100%" style="border: none; background: transparent"></iframe>
            </div>
        </div>

    </div>
    <div id="audio_btn" class="rotate">
        <audio id="bgmusic" controls="controls" autoplay="autoplay" loop="loop" style="display: none">
            <source src="css/bg.mp3" type="audio/mp3" />
        </audio>
    </div>
</body>
</html>
